<template>
	<view>
		<u-sticky bgColor="#fff">
			<u-tabs class="uTabs" :list="list" lineWidth="80" lineColor="#1764ce" :activeStyle="activeStyle"
				:inactiveStyle="inactiveStyle" :scrollable="false" :itemStyle="itemStyle" @click="tabsClick"
				:current="current">
			</u-tabs>
			<u-gap height="1" bgColor="#f2f2f2"></u-gap>
		</u-sticky>
		<view class="tab-page" v-if="current==0">
			<scroll-view class="scroll2" scroll-y="true">
				<image class="image2" src="https://dztest2.obs.cn-southwest-2.myhuaweicloud.com/nxqmrhtest/other/20240511/1715426748139206.png" />
			</scroll-view>
		</view>
		<view class="tab-page" v-if="current==1">
			<scroll-view class="scroll2" scroll-y="true">
				<image class="image1" src="https://dztest2.obs.cn-southwest-2.myhuaweicloud.com/nxqmrhtest/other/20240511/1715426746836495.png" />
			</scroll-view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				activeStyle: {
					color: '#1764ce',
					fontSize: '34rpx'
				},
				inactiveStyle: {
					color: '#333333',
					fontSize: '30rpx'
				},
				itemStyle: {
					paddingLeft: '30rpx',
					paddingRight: '30rpx',
					paddingTop: '24rpx',
					paddingBottom: '24rpx',
					height: '48rpx'
				},
				current: 0,
				list: [{
					name: '举报须知',
				}, {
					name: '突出问题提示',
				}],

			}
		},
		onLoad(options) {

		},

		methods: {
			tabsClick(e) {
				this.current = e.index
			},

		},
	}
</script>

<style lang="scss">
	page {
		background: #FFFFFF;
	}

	.tab-page {
		margin-top: 2rpx;
	}

	.u-empty .u-icon {
		z-index: -1;
	}

	.u-tabs__wrapper__nav__item {
		// padding: 0 !important;
		// width: 50%;
	}
	.scroll2 {
		height: calc(100vh - 50px);
	}
	
	.image1{
		width: 100vw;
		height: 1600vw;
		
	}
	.image2{
		width: 100vw;
		height: 380vw;
	}
</style>
